<template>
  <div>
      <div class="admin">
          <nav-menu></nav-menu>
          <!-- <nav-tabs></nav-tabs> -->
          <div class="wrapper">
            <nav-header></nav-header>
            <div class="main-content">
                <router-view></router-view>
            </div>
          </div>
      </div>
  </div>
</template>
<script>
import NavHeader from '@/components/nav-header/nav-header.vue'
import NavMenu from '@/components/nav-menu/nav-menu.vue'
// import NavTabs from '@/components/nav-tabs/nav-tabs.vue'
export default {
    name: 'admin',
    components: {
        NavHeader,
        NavMenu,
        // NavTabs
    }
}
</script>

<style>
    .wrapper{
        /* padding: 50px; */
        position: absolute;
        top:0;
        left: 160px;
        bottom: 0;
        right: 0;
        margin: auto;
        background: #f5f5f5;
       overflow: auto;
    }
    .main-content{
      position: absolute;
      top: 49px;
      left: 0px;
      right: 0px;
      bottom: 0;
    }
    .clear::after{
      content: " ";
      display: block;
      clear: both;
    }
</style>
